<h1 class="demo-title">loading</h1>

<h3>局部加载中</h3>
<div class="loading-wrap">
    <p>正在加载中...</p>
    <i class="loading"></i>
</div>

<pre lang-prism class="language-html">
<code class="language-html">
&lt;div class="loading-wrap"&gt;
    &lt;p&gt;正在加载中...&lt;/p&gt;
    &lt;i class="loading"&gt;&lt;/i&gt;
&lt;/div&gt;
</code>
</pre>

<h3>页面加载中</h3>
<div class="loading-cnt">
    <i class="loading-bright"></i>
    <p>正在加载中...</p>
</div>

<pre lang-prism class="language-html">
<code class="language-html">
&lt;div class="loading-cnt"&gt;
    &lt;p&gt;正在加载中...&lt;/p&gt;
    &lt;i class="loading-bright"&gt;&lt;/i&gt;
&lt;/div&gt;
</code>
</pre>